<!DOCTYPE html>
<html>
    <!-- Cabecera del html -->
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <link rel="icon" type="image/png" href="img/jartibles_logo.png" />
        <title>Gestion de Eventos - JCC</title>
        <!-- CSS -->
        <link href="css/global.css" rel="stylesheet" type="text/css" />
        <!-- JS -->
        <script type="text/javascript" src="js/libreria_jquery.js"></script>
        <script type="text/javascript" src="js/global.js"></script>
    </head>

    <!-- Cuerpo del html -->
    <body>
        <?php
        session_start();
        if (!isset($_SESSION['usuario'])) {
            header("Location: index.php");
        }
        ?>
        <div id="wrap">
            <div id="header">

            </div>
            <div id="main" class="clearfix">
                <div id="nav">

                </div>
                <div id="content">
                    <div id="contenedor_info">
                        <div><h2>Gestion de Eventos</h2></div>
                        <form name="formulario" action="modules/eventos/validar_eventos.php" method="POST">
                            <fieldset>
                                <center>
                                    <table id="eventos">                                    
                                        <tr>
                                            <td>Tipo de evento:</td> 
                                            <td>
                                                <select name="tipo" id="tipo">
                                                    <option selected value="Ruta">Ruta</option>
                                                    <option value="Aniversario">Aniversario</option>
                                                    <option value="Concentracion">Concentración</option>
                                                    <option value="Asamblea">Asamblea</option>
                                                    <option value="Otros">Otros</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Descripción:</td> 
                                            <td><input type="text" id="descripcion" name="descripcion" size="20" maxlength="100" required></td>
                                        </tr> 
                                        <tr>
                                            <td>Lugar:</td> 
                                            <td><input type="text" id="lugar" name="lugar" size="20" maxlength="100" required></td>
                                        </tr>
                                        <tr>
                                            <td>Fecha:</td>
                                            <td><input type="date" id="fecha" name="fecha" required></td>
                                        </tr>                                    
                                        <tr>
                                            <td>Hora:</td> 
                                            <td><input type="time" id="hora" name="hora" value="12:00" max="23:59" min="0:00" required</td>
                                        </tr>
                                        <tr>
                                            <td><br/></td> 
                                            <td><br/></td>
                                        </tr>
                                        <tr>
                                            <td><input type="submit" value="Guardar"></td> 
                                            <td><input type="reset" value="Limpiar datos"></td>
                                        </tr>                                    
                                    </table>
                                </center>
                            </fieldset>
                        </form>                        
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">

        </div>
    </body>
</html>